/**
 * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
 * SPDX-license-identifier: BSD-3-Clause
 */


import utils from '@/utils/utils';
import styles from './index.module.less';

export interface ItemProps {
    name?: string;
    description: string;
    sex?: string;
    age: string;
    personality_traits?: string[];
    position?:string
  }
interface IProps {
    data?: ItemProps;
  }
export default function InfoCard(props: IProps) {
    const {data}=props
    return (
        <div className='pl-4 pr-20 py-4 text-[#222222]' style={{paddingBottom: '30px'}}>
            <div className='text-xl mb-1 font-bold'>{data?.name}</div>
            <div className=' flex items-center flex-wrap'><span>{data?.sex||'未知'}</span><div className="w-0.5 h-0.5 bg-[#222222] rounded-full mx-[5px]"></div><span>{data?.age}岁</span><div className="w-0.5 h-0.5 bg-[#222222] rounded-full mx-[5px]"></div><span>{data?.position}</span></div>
            <div className='flex flex-wrap mb-[17px]'>
                {data?.personality_traits?.map((m,index)=>{
                    return <div className={`mt-1 ${styles.tagStyle}`} key={index}>{m}</div>
                })}</div>
            <div className="text-xs font-light">{data?.description}</div>
        </div>
    );
}
